<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>头大</title>
</head>
<body>
<div th:fragment="header">
    <script th:src="@{/js/header.js}"></script>
    <header id="header" >
        <div class="shortcut">
            <!-- 未登录状态  -->

            <div class="login_out" id="login_out" th:if="${session.USER_LOGIN_SESSION_FLAG} == null">
                <a th:href="@{/user/login}">登录</a>
                <a th:href="@{/user/register}">注册</a>
            </div>
            <!-- 登录状态  -->
            <div class="login" id="login_in" th:if="${session.USER_LOGIN_SESSION_FLAG} != null">
                <span id="span_username" th:text="${session.USER_LOGIN_SESSION_FLAG.name}+'，欢迎回来！'"></span>
                <a th:href="@{/user/myMessage}" class="collection">我的</a>
                <a href="#" onclick="seeYou()">退出</a>
            </div>
        </div>
        <div class="header_wrap">
            <div class="topbar">
                <div class="logo">
                    <a th:href="@{/user/index}"><img th:src="@{/images/logo.jpg}" alt=""></a>
                </div>
                <div class="search">
                    <label>
                        <input name="" type="text" id="search_input" placeholder="请输入商品名称" class="search_input" autocomplete="off">
                        <a href="javascript:" id="search_button" class="search-button" onclick="toSearch()">搜索</a>
                    </label>

                </div>
                <div class="hottel">
                    <div class="hot_pic">
                        <img th:src="@{/images/hot_tel.jpg}" alt="">
                    </div>
                    <div class="hot_tel">
                        <p class="hot_time" th:text="${session.MANAGER.onTime}">客服热线(08:00-20:00)</p>
                        <p class="hot_num" th:text="${session.MANAGER.phone}">15937576825</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="navitem">
        <ul id="category" class="nav">

        </ul>
    </div>
</div>
</body>
</html>